import '../../styles/appleItem.scss';

function AppleItem (props) {
    let { apple, eatApple } = props;

    return (
        <div className="appleItem">
            <div className="apple"><img src={require('../../images/apple.png')} alt=""/></div>
            <div className="info">
                <div className="name">红苹果 - { apple.id }号</div>
                <div className="weight">{ apple.weight }克</div>
            </div>
            <div className="btn-div">
                <button onClick={()=>eatApple(apple.id)}> 吃掉 </button>
            </div>
        </div>
    );
}

export default AppleItem